<template>
  <div>
    <Rate v-model="rateVal"></Rate> <br>
    <Rate allow-half v-model="rateVal"></Rate> <br>
    <Rate allow-half show-text v-model="rateVal">
      <span>{{ rateVal }}</span>
    </Rate> <br>
    <Rate v-model="rateVal1" disabled></Rate> <br>
  </div>
</template>

<script>
export default {
  data () {
    return {
      rateVal: 2,
      rateVal: 4.5,
      rateVal1: 2
    }
  }
}
</script>

<style>

</style>